<!doctype html>
<html class="h-full" data-theme="light">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/public/css/tailwind.css" rel="stylesheet">
    <link href="/public/css/animate.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<!-- Exploding Chickens, error page // RAk3rman -->
<body class='flex flex-col h-full anim-scene'>
{{! Navigation bar }}
<nav class="anim-ele anim-ele-fadein">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between h-16">
            {{! Exploding Chickens header }}
            <div class="flex items-center">
                <div class="flex-shrink-0">
                    <h1 class="h-8 text-3xl text-gray-700" style="font-family: Bebas Neue"><a class="text-primary">EXPLODING</a> CHICKENS</h1>
                </div>
            </div>
        </div>
    </div>
</nav>
{{! Error message }}
<div class="flex flex-col items-center justify-center h-screen pb-10 anim-ele anim-ele-fadein">
    <h1 class="text-9xl text-gray-700 font-bold pb-2">{{ error_code }}</h1>
    <h3 class="text-3xl text-gray-700 pb-3 text-center">{{ title }}</h3>
    <h3 class="text-md text-gray-700 px-2 text-center">{{ desc_1 }}</h3>
    <h3 class="text-md text-gray-700 px-2 pb-3 text-center">{{ desc_2 }}</h3>
    <button type="button" onclick="window.location.href = '/'" class="inline-flex items-center px-2 py-1 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
        <svg class="-ml-1 mr-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" />
        </svg>
        Go back home
    </button>
</div>
</body>
</html>